.ugcindex{
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  min-height: 100vh;
  background-color: #eeeeee;
  &_search{
    .search-inputugc__bar {
      padding-left: 0;
    }
  }
  &_tagsbar{
    margin: 40px 0;
  }
  &_list{
    &__tag{
      display: flex;
      flex-direction: row-reverse;
      margin-bottom: 25px;
      &_i{
        margin-left: 24px;
        color: rgba($color: #000000, $alpha: 0.3)
      }
      &_iact{
        color: rgba($color: #000000, $alpha: 1.0)
      }
    }
    &__scroll{
      position: absolute;
      top: 250px;
      left: 0;
      width: 100%;
      padding: 0 5px;
      margin: 0 auto;
      bottom: 0;
      overflow-y: auto;
      overflow-x: hidden;
      z-index: 1;
      &_end{
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #7b7b7b;
        font-size: 25px;
        position: relative;
        bottom: 155px;
      }
      &_scrolls{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
        padding-bottom:160px;
        &_left{
          width: 48.7%;
          padding-top: 10px;
        }
        &_right{
          width: 48.7%;
          padding-top: 10px;
        }
        &_item{
          width: 100%;
        }
      }
    }
  }
  .note.note__has-img{
    padding-top: 0;
  }
  .float-menus{
    right: 33px;
    bottom: 120px;
  }
  &_floatmenus{
    .float-menus{
      bottom: 220px;
    }
  }
}
